<template>
    <div class="listleft">
        <div class="wellGoods">
            <h3>精选品牌</h3>
        </div>
        <div class="jx_brand">
            <div class="jx_img_box" v-for="(jx,jxi) in brandImg.jx" :key="jxi" @click="gotogoodslist(jx.status)">
              <img :src="jx.img" alt="">  
            </div>        
        </div>


        <div class="wellGoods">
            <h3>所有品牌</h3>
        
        </div>
        
        
    </div>

    
</template>

<script>
import {brandImg} from '@/utils/tool.js'
export default {
    data(){
        return{
            brandImg,

        }
    },
    methods:{
        gotogoodslist(x){
            // console.log(x)
            this.$router.push({name:'goodslist',query:{status:x}})
        },
    },
}
</script>






<style lang="scss" scoped>
  .jx_brand{
    padding: 0 12px 24px 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .jx_img_box{
        width: 48%;
        margin-top: 24px;
        box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,.1);
        img{
            width: 100%;
        }
    }

}


 ::v-deep .wellGoods{
    background-color: #fff;
    // margin-top: 12px;
    text-align: center;
    font-size: 17px;
    h3{
      padding: 12px 0;
      font-weight:1000;
    }
    
  }
  ::v-deep .van-index-bar__sidebar{
    position: fixed;
    top: 50%;
    right: 0;

  }


</style>